<template>
  <div>
    <jxf-titletip :title="title" :hasRefresh="true" :hasGoBack="true"></jxf-titletip>
    <el-card class="jxf-table-card mt20">
      <div slot="header" class="clearfix">
        <span>数据列表</span>
        <div>
          <el-button type="primary">导出</el-button>
        </div>
      </div>
      <jxf-table class="" :table="flowDetailTable">
      </jxf-table>
    </el-card>
    <jxf-pagination class="mt20" :pageTotal="pageTotal" :currentPage.sync='currentPage' :pageSize.sync="pageSize"
                    @currentPageChange="currentPageChange" @pageSizeChange="pageSizeChange"></jxf-pagination>
  </div>
</template>

<script>
    export default {
        name: "FlowDetail",
        props: {

        },
        data() {
          return {
            title: "流水明细",
            flowDetailTable: {
              border:true,
              loading:false,
              hasSelect:false,
              hasOperation:false,
              tr: [
                {
                  id: '1',
                  minWidth: '200',
                  label: '供应商结算账户号码',
                  prop: 'number'
                },
                {
                  id: '2',
                  minWidth: '120',
                  label: '关联订单编号',
                  prop: 'orderNo'
                },
                {
                  id: '3',
                  label: '结算金额',
                  prop: 'address'
                },
                {
                  id: '4',
                  label: '事项',
                  prop: 'settlementAccount',
                  show: 'template'
                },
                {
                  id: '5',
                  label: '摘要',
                  prop: 'accountBalance',
                  show: 'template'
                },
                {
                  id: '6',
                  label: '时间',
                  show: 'template',
                  prop: 'status'
                }
              ],
              operation: [],
              data: []
            },
            pageTotal:40,
            pageSize:10,
            currentPage:1
          }
        },
        methods: {
          // 切换页面
          currentPageChange(pageNo) {
            this.currentPage = pageNo
          },
          // 切换页面条数
          pageSizeChange(pageNo) {
            this.pageSize = pageNo
          }
        }
    }
</script>

<style scoped>

</style>
